<template>
  <div class="bigBox">
    <headOne></headOne>
    <loop></loop>
    <zhibo></zhibo>
    <div class="container">
    <cellheader title="免费课程"></cellheader>
    <freecell></freecell>
    <cellheader title="精品课程"></cellheader>
    <cell type="boutique" :pageSize=5></cell>
    <cellheader title="限时折扣课程"></cellheader>
    <cell type="discount" :pageSize=5></cell>
    <cellheader title="头条精选"></cellheader>
    <toutiao></toutiao>
    </div>
    <bottom></bottom>
    <div v-if="flag">
      <login></login>
    </div>
  </div>
</template>

<script>

import headOne from '@/components/headOne.vue'
import loop from '@/components/loop.vue'
import zhibo from '@/components/zhibo.vue'
import cellheader from '@/components/cellheader.vue'
import freecell from '@/components/freecell.vue'
import cell from '@/components/cell.vue'
import toutiao from '@/components/toutiao.vue'
import bottom from '@/components/bottom.vue'
import login from '@/components/login.vue'

export default {
  
  components: {
    headOne,
    loop,
    zhibo,
    cellheader,
    freecell,
    cell,
    toutiao,
    bottom,
    login
  },
  data(){
    return {
      flag:true
    }
  }
}
</script>
<style lang="less" scoped>
.container{
  width: 78%;
  margin: 0 auto;
}
</style>
